<!DOCTYPE HTML>
<html>
    <head>
        <title>
            Hotel Management System
        </title>
        <link href="<?php echo base_url(); ?>public/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="<?php echo base_url(); ?>public/css/hms.css" rel="stylesheet" media="screen">
        <script src="<?php echo base_url(); ?>public/js/jquery.min.js"></script>
        <script src="<?php echo base_url(); ?>public/js/bootstrap.min.js"></script>
<style type="text/css" >
body {

background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url('<?= base_url('image/seulawah.jpg') ?>') fixed repeat-x center center;
background-size: cover;

}

.login-box {
	
	width: 320px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -191px;
	margin-left: -200px;
	background-color: #ffffff;
	padding: 10px 30px 20px 30px;
	opacity: 0.9;
	border-radius: 20px;
}

.login-box label {
	color: #ffffff;
	background-color: #ffffff
}
</style>
    </head>
    <body>
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span12">
                    <div class="span4 offset4">
                        <form class="form-horizontal" action='<?php echo base_url(); ?>user/verify' method="POST">
                            <div class="login-box">
							<center><h2 style="color: #444444;margin-bottom:30px;">Welcome to HMS</h2></center>
                                <?php if($status){ ?>
                                <div class="alert">
                                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                                    
                                    <h4>Oops !!!</h4>
                                    Username or Password incorrect
                                </div>
                                <?php }?>
                                    <!-- Username -->
									<center><input type="text" id="username" name="username" placeholder="Username" class="span10" style="text-align:center;"></center>
									<br>
									<center><input type="password" id="password" name="password" placeholder="Password" class="span10" style="text-align:center;"></center>
									<br>
                                    <!-- Button -->
									<center><input type="submit" class="btn btn-primary span10" value="Login"></center>
                            </div>
                        </form>
                    </div>    
                </div>
            </div>
        </div>
		<script>
		$(document).ready(function() {
			$('input').first().focus();
		});
		</script>
    </body>

</html>

